<div id="wrapper" class="wrapper">
    <div class="live-area" id="tabContent">
        <div class="tab-content">
            <div class="tab-pane" id="livepanel">
                <div id="scroll-1" class="scroll-panel">
                    <div id="pullDown" class="pullDown">
                        <span class="pullDownIcon" ></span><span class="pullDownLabel">下拉加载历史消息</span>
                    </div>
                    <div th:replace="/views/mobile/live/partials/liveBubble"></div>
                </div>

                <div class="no-more-refresh" id="manual_refresh" style="display:none">
                    <span id="callBroadcaster">请稍等，直播君偷拍被抓了，正在紧张营救……</span>
                </div>
                <div class="refrush-msg" ontouchend="refreshLiveArea(this)">
                    <span class="glyphicon glyphicon-refresh"></span>
                </div>
            </div>
            <div class="tab-pane" id="mutual">
                <div id="scroll-2" class="scroll-panel">
                    <div id="mutualPullDown" class="pullDown">
                        <span class="pullDownIcon" ></span><span class="pullDownLabel">下拉加载历史消息</span>
                    </div>
                    <!-- 互动区对话泡 @黄广杰 2015-7-9-->
                    <!--/*-->
                    <dl class="live-msg-bubble msg-right host" date="1435746957000">
                        <dt>
                            <a href="#"><img src="http://placehold.it/70x70" /></a>
                        </dt>
                        <dd msgid="79" author="今朝">
                            <div class="msg-author">
                                <span>今朝</span>
                            </div>
                            <div class="msg-content">
                                <div class="msg-origin">
                                    <p>还是睡觉睡觉就是开裆裤军事基地的决定后悔就是今生今世就是圣彼得堡顶焦度计实话实说的决定将得到解决</p>
                                    <img src="http://placehold.it/150x200" onclick="showFullScreen(this)" />
                                    <div class="unfold">
                                        <span class="glyphicon glyphicon-chevron-down"></span>
                                    </div>
                                </div>
                                <p>哈哈。这真是不错的呢。</p>
                            </div>
                        </dd>
                    </dl>
                    <dl class="live-msg-bubble msg-left" date="1435746957000">
                        <dt>
                            <a href="#"><img src="http://placehold.it/70x70" /></a>
                        </dt>
                        <dd msgid="79" author="今朝">
                            <div class="msg-author">
                                <span>今朝</span>
                            </div>
                            <div class="msg-content">
                                <div class="msg-origin">
                                    <p>123</p>
                                    <img src="http://placehold.it/150x200" onclick="showFullScreen(this)" />
                                    <div class="unfold">
                                        <span class="glyphicon glyphicon-chevron-down"></span>
                                    </div>
                                </div>
                                <p>哈哈。</p>
                            </div>
                        </dd>
                    </dl>
                    <!--*/-->
                </div>
            </div>
            <!--/*-->
            <div class="tab-pane" id="manage">
                <div class="live-messageList">
                    <div th:replace="/views/mobile/live/partials/messageList"></div>
                </div>
            </div>
            <!--*/-->
        </div>
    </div>
</div>
